<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
     <head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>运费列表</title>
		<link rel="stylesheet" type="text/css" href="../resource/css/base.css">
		<script type="text/javascript" src="../resource/js/My97DatePicker/WdatePicker.js"></script>
		<s:actionmessage />
	</head>
	<body  oncontextmenu="return false;" leftmargin="8" topmargin="8">
		<div class="tip">
			<span>当前位置:</span>运费管理&nbsp;&gt;&nbsp;
		</div>
		<!--  搜索表单  -->
		<s:form name="infoForm" action="load" namespace="/chargeRecord">
			<table width="98%" border="0" cellpadding="1" cellspacing="1"
				bgcolor="#CBD8AC" align="center" style="margin-top: 8px">
				<tr bgcolor='#EEF4EA'>
					<td align='center'>
						<table width="98%" height="26" border='0' cellpadding='0'
							cellspacing='0'>
							<tr>
								<td width='8%' align='center'>运货单号:</td>
								<td width='22%'>
									<s:textfield name="orderId"/> <img src="../resource/image/menusearch.gif" style="cursor: pointer;">
								</td>
								<td width='8%' align='center'>客户名称:</td>
								<td width='20%'>
									<s:textfield name="clientName"/>
								</td>
								<td width='8%' align='center'>付费日期:</td>
								<td width='28%'>
									<s:textfield cssStyle="width:41%;" name="startDate" onclick="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd'})"  cssClass="Wdate"/>
									-&nbsp;<s:textfield cssStyle="width:41%;" name="endDate" onclick="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd'})"  cssClass="Wdate"/>
								</td>
								<td width="6%" align='center'>
									<input type="image" src="../resource/image/search.gif"
										height="20" border="0" class="np" onclick="javascript:document.forms[0].submit();" />
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
			<!--  内容列表   -->
			<table width="98%" border="0" cellpadding="2" cellspacing="1"
				bgcolor="#D1DDAA" align="center" style="margin-top: 8px">
				<tr bgcolor="#E7E7E7">
					<td height="24" colspan="12">
						&nbsp;运费列表&nbsp;
					</td>
				</tr>
				<tr align="center" bgcolor="#FAFAF1" height="22">
					<td width="3%">ID</td>
					<td width="3%">选择</td>
					<td width="14%">客户名称</td>
					<td width="9%">运货单号</td>
					<td width="8%">应付运费</td>
					<td width="8%">实付运费</td>
					<td width="8%">付费日期</td>
					<td width="8%">欠费金额</td>
					<td width="6%">录入人</td>
					<td width="5%">操作</td>
				</tr>
				<s:iterator value="chargeRecords" status="vo">
					<!-- 信息 -->
					<tr align='center' bgcolor="#FFFFFF" onMouseMove="javascript:this.bgColor='#FCFDEE';"
						onMouseOut="javascript:this.bgColor='#FFFFFF';" height="22">
						<td><s:property value="#vo.count"/></td>
						<td><input name="id" type="checkbox" id="id" value="<s:property value="id"/>" class="np"></td>
						<td><s:property value="clientName"/></td>
						<td><s:property value="orderId"/></td>
						<td><s:text name="format.number"><s:param value="oweFee"/></s:text></td>
						<td><s:text name="format.number"><s:param value="realPayFee"/></s:text></td>
						<td><s:date name="chargeDate" format="yyyy-MM-dd"/></td>
						<td><s:text name="format.number"><s:param value="curretOwe"/></s:text></td>
						<td><s:property value="username"/></td>
						<td><a href="updatePre.action?id=<s:property value="id"/>">编辑</a></td>
					</tr>
				</s:iterator>
				<!-- 引用统一的操作、分页功能页面 其中的url参数a、q、d分别用来传入增、查、删功能的action -->
				<jsp:include
					page="/WEB-INF/pages/frame/page.jsp?a=addPre&q=load&a=addPre&d=delete&cols=12" />
			</table>
		</s:form>
	</body>
	<script type="text/javascript" src="../resource/js/popup/popup.js"></script>
	<script type="text/javascript" src="../resource/js/popup/commonPopup.js"></script>
</html>